<template>
  <div class="home_ql">
    <div class="bg"></div>
    <Slider :list="list" :auto="auto"></Slider>
    <OILS></OILS>
    <PHOTOGRAPH></PHOTOGRAPH>
    <br>
    <br>
    <br>
    <br>
    <br>
    <Home_footer></Home_footer>
  </div>
</template>
<script>
import Slider from '@/components/home/Slider_show'
import Home_footer from '@/components/home/Home_footer'
import OILS from '@/components/home/home_ql/OILS'
import PHOTOGRAPH from '@/components/home/home_ql/PHOTOGRAPH'
export default{
  name: '',
  data () {
    return {
      auto:false,
      list: [
        { 
          width: '100%',
          height: '80%',
          src: require('../../assets/img/home/pt.jpg'),
          price: '￥25,060',
          name: '彭博|蟠桃'
        },
        {
          width: '100%',
          height: '80%',
          src: require('../../assets/img/home/xwbzzlmxl.jpg'),
          price: '￥24,050',
          name: '杨雪勇|希望不止在黎明系列'
        },
        {
          width: '100%',
          height: '80%',
          src: require('../../assets/img/home/wnqdd.jpg'),
          price: '￥16,060',
          name: '张庆|未能确定的2'
        },
        {
          width: '100%',
          height: '80%',
          src: require('../../assets/img/home/zr-cs.jpg'),
          price: '￥3,150',
          name: '韩中人|自然 城市-2'
        }
      ]
    }
  },
  components: {
    Slider,
    Home_footer,
    OILS,
    PHOTOGRAPH
  }
}
</script>
<style scoped lang="less">
  .home_ql{
    .bg{
      width: 100%;
      height: 485px;
      background-image: url(../../assets/img/home/QLSC.jpg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top center;
    }

  }
</style>